<!DOCTYPE html>
<html>

<head>
  <title>咸鱼插件</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta charset="UTF-8">
  <meta name="description" content="This is my website.">
  <meta name="keywords" content="website, products, services">

  <style>
    @font-face {
      font-family: 'xianyu';
      src: url('{{_res}}/html/fonts/原神默认字体.ttf')
    }

    .content {
      display: flex;
      flex-direction: column;
    }

    body{
      background: url('{{_res}}/html/img/background.png') ;
      background-size: 100%;
      margin: 0;
      padding: 0;
      font-family: 'xianyu', sans-serif;
    }

    .container {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      color: #333;
      text-align: center;
    }

    .neiron {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      color: #333;
      text-align: center;
    }

    .box {
      border: 2px solid rgba(255, 239, 191, 0.5);
      border-radius: 10px;
      background-color: rgba(255, 239, 191, 0.1);
      backdrop-filter: blur(5px);
      padding: 1rem;
    }

    h1 {
      font-size: 3rem;
      margin-bottom: 10px;
      text-shadow: 5px 5px 3px #FAE2B4, -5px -5px 3px #FAE2B4, 5px -5px 3px #FAE2B4, -5px 5px 3px #FAE2B4;
    }

    a {
      background-color: white;
      color: black;
      padding: 1rem 2rem;
      border: none;
      border-radius: 5px;
      font-size: 1.2rem;
      margin: 1rem;
      cursor: pointer;
      text-decoration: none;
    }

    a:active {
      background-color: white;
      color: white;
    }

    p {
      font-size: 1.5em;
    }

    th {
      text-align: center;
      background-color: #fddbb3;
    }

    th,
    td,
    th,
    #help,.qd {
      border: 2px solid #B58863;
      border-left-color: #fff;
      border-top-color: #fff;
      text-align: left;
      padding: 8px;
    }
    .section {
      text-align: center;
      flex-basis: 30%;
      margin-bottom: 30px;
    }
  </style>
</head>

<body>
  <div class="container">
    <div class="neiron">
      <div class="content">
        <h1>咸鱼插件</h1>
        <div style="text-align: center;">xianyu-plugin / v1.1.1</div>
      </div>
      <div class="box content">

        <div class="content">
          <h3>插件指令</h3>
          <table>
            <tbody>
              <tr>
                <th>指令</th>
                <th>说明</th>
              </tr>
              <tr>
                <th>咸鱼统计</td>
                <td>显示所有机器人使用本插件的用户数量</td>
              </tr>
              <tr>
                <th>咸鱼更新</td>
                <td>更新本插件</td>
              </tr>
              <tr>
                <th>咸鱼插件设置按钮</td>
                <td>#咸鱼插件设置按钮(开启|关闭)</td>
              </tr>
              <tr>
                <th>xx帮助</td>
                <td>游戏名+帮助，查看详细指令</td>
              </tr>
            </tbody>
          </table>
        </div>

        <div class="content">
          <h3>斗兽棋</h3>
          <table>
            <tbody>
              <tr>
                <th>指令</th>
                <th>说明</th>
                <th>示例</th>
              </tr>
              <tr>
                <th>发起/加入斗兽棋</td>
                <td>发起游戏</td>
                <td>发起斗兽棋、加入斗兽棋</td>
              </tr>
              <tr>
                <th>加入斗兽棋+红/蓝</td>
                <td>游戏中途加入队伍，加入队伍后可操作棋盘</td>
                <td>加入斗兽棋红、加入斗兽棋蓝</td>
              </tr>
              <tr>
                <th>斗兽棋帮助</td>
                <td></td>
                <td>斗兽棋帮助</td>
              </tr>
            </tbody>
          </table>
        </div>

        <div class="content">
          <h3>扫雷</h3>
          <table>
            <tbody>
              <tr>
                <th>指令</th>
                <th>说明</th>
                <th>注意</th>
                <th>示例指令</th>
              </tr>
              <tr>
                <th>扫雷</td>
                <td>开始游戏</td>
                <td></td>
                <td>扫雷</td>
              </tr>
              <tr>
                <th>扫雷难度</td>
                <td>使用指定难度开始游戏</td>
                <td>数量多的时候字就小</td>
                <td>扫雷难度(简单|普通|困难)</td>
              </tr>
              <tr>
                <th>扫雷帮助</td>
                <td></td>
                <td></td>
                <td>扫雷帮助</td>
              </tr>
            </tbody>
          </table>
        </div>

        <div class="content">
          <h3>国际象棋游戏</h3>
          <table>
            <tbody>
              <tr>
                <th>指令</th>
                <th>说明</th>
                <th>示例</th>
              </tr>
              <tr>
                <th>发起/加入国际象棋<br></td>
                <td>发起游戏</td>
                <td>发起国际象棋、加入国际象棋</td>
              </tr>
              <tr>
                <th>加入国际象棋+黑/白<br></td>
                <td>游戏中途加入队伍，加入队伍后可操作棋盘</td>
                <td>加入国际象棋黑、加入国际象棋白</td>
              </tr>
              <tr>
                <th>国际象棋帮助</td>
                <td></td>
                <td>国际象棋帮助</td>
              </tr>
            </tbody>
          </table>
        </div>

        <div class="content">
          <h3>中国象棋游戏</h3>
          <table>
            <tbody>
              <tr>
                <th>指令</th>
                <th>说明</th>
                <th>示例</th>
              </tr>
              <tr>
                <th>发起/加入中国象棋<br></td>
                <td>发起游戏</td>
                <td>发起中国象棋、加入中国象棋</td>
              </tr>
              <tr>
                <th>加入中国象棋+黑/红<br></td>
                <td>游戏中途加入队伍，加入队伍后可操作棋盘</td>
                <td>加入中国象棋黑、加入中国象棋红</td>
              </tr>
              <tr>
                <th>结束中国象棋</td>
                <td>认输</td>
                <td>结束中国象棋</td>
              </tr>
            </tbody>
          </table>
        </div>

        <div class="content">
          <h3>五子棋游戏</h3>
          <table>
            <tbody>
              <tr>
                <th>指令</th>
                <th>说明</th>
                <th>示例</th>
              </tr>
              <tr>
                <th>发起/加入五子棋<br></td>
                <td>发起游戏，也可以单独发送 五子棋 进行单人游戏</td>
                <td>发起五子棋、加入五子棋</td>
              </tr>
              <tr>
                <th>落子</td>
                <td>坐标为行+列，中间使用任意符号隔开</td>
                <td>9 9</td>
              </tr>
              <tr>
                <th>结束五子棋</td>
                <td>结束游戏</td>
                <td>结束五子棋</td>
              </tr>
            </tbody>
          </table>
        </div>

        <div class="content">
          <h3>恶魔轮盘</h3>
          <div class="container qd">
            <section class="section">
              <p>道具说明</p>
              <p>放大镜：查看当前子弹</p>
              <p>酒：抛出当前子弹</p>
              <p>烟：恢复一点血</p>
              <p>手铐：限制对方一回合</p>
              <p>锯子：当前回合增加一点伤害</p>
            </section>
            <section class="section">
              <p>行动规则</p>
              <p>使用道具不会结束当前行动，打自己时如果没有受到伤害也不会结束当前行动，反之会。打对方则会结束当前行动</p>
            </section>
            <section class="section">
              <p>其他事项</p>
              <p>道具在第二轮发放，为性能考虑，AI的每一步操作都会有一到两秒的等待时间。机器人发送的消息前后顺序可能不一致，请仔细观察发送的内容</p>
            </section>
          </div>
          <table>
            <tbody>
              <tr>
                <th>指令</th>
                <th>说明</th>
                <th>示例</th>
              </tr>
              <tr>
                <th>发起/加入游戏<br></td>
                <td>发起游戏，可选单人开局</td>
                <td>发起游戏、加入游戏、开始游戏</td>
              </tr>
              <tr>
                <th>结束游戏</td>
                <td>结束游戏</td>
                <td>结束游戏</td>
              </tr>
              <tr>
                <th>查看道具</td>
                <td>查看双方道具</td>
                <td>查看道具</td>
              </tr>
              <tr>
                <th>使用道具</td>
                <td>使用道具</td>
                <td>使用放大镜</td>
              </tr>
              <tr>
                <th>射击</td>
                <td>发起攻击，可选朝向谁开枪</td>
                <td>打对方、打自己</td>
              </tr>
            </tbody>
          </table>
        </div>

        <div class="content">
          <h3>推箱子</h3>
          <table>
            <tbody>
              <tr>
                <th>指令</th>
                <th>说明</th>
                <th>示例</th>
              </tr>
              <tr>
                <th>推箱子</td>
                <td>发起游戏，可以在后面加上关卡数字，1到15为默认关卡。不加数字默认为1</td>
                <td>推箱子、推箱子2</td>
              </tr>
              <tr>
                <th>移动</td>
                <td>移动小人，后面带上wasd参数，一个字母表示移动一格，可以多个叠加</td>
                <td>移动swaadwwsdd</td>
              </tr>
              <tr>
                <th>结束推箱子</td>
                <td>结束游戏</td>
                <td>结束推箱子</td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</body>

</html>